<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>服务</title>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<!--头部-->
		<div class="container">
			<div class="header">
				<span class="bar"></span>
					<div class="hgroup">
					<div class="layout clear">
						<div class="logo fl" >
							<a href="">
								<img src="img/logo.png" alt="">
							</a>			
						</div>
						<div class="nav fr">
							<ul>
								<li><a href="index.html">首页</a></li>
								<li><a href="about.html">关于</a></li>
								<li><a href="news.html">新闻</a></li>
								<li><a href="field.html">领域</a></li>
								<li><a href="case.html">案例</a></li>
								<li><a href="honor.html">荣誉</a></li>
								<li class="on"><a href="service.html">服务</a></li>
								<li><a href="partner.html">伙伴</a></li>
								<li><a href="contact.html">联系</a></li>
							</ul>
						</div>    
				    </div>
			    </div>   
			</div>
		</div>
		<!--背景-->
		<div class="top-warp">
		   	<div class="bg-color">
		   		<div class="top-nav clear">
		   			<a href="news.html" class="tit fl">客户服务</a>
		   			<div class="fr">
		   				<a href="#progress">设计流程</a>
		   				<a href="#ser-bg">装修流程</a>
		   				<a href="#ser-bz">施工标准</a>
		   				<a href="#ser-after">售后服务</a>
		   			</div>
		   		</div>
		   	</div>
		   <div class=" service top-bg info">
		   	<h1>用心沟通&nbsp;<span class="">.</span>&nbsp;用爱服务 </h1>
		   </div>
		</div>
		
		<!--内容-->
		<div class="layout">
			<div id="progress" class="process">
				<div class="hd">
					<h1>设计&nbsp;<span></span>&nbsp;流程</h1>
			    	 <p class="line"></p>			    	
				</div>
				<ul class=" clear">
					<li class="li-a">
						<span></span>
						<div class="info">
							<h3>01</h3>
							<p>深入沟通并签 订《设计协议》</p>
						</div>
					</li>
					<li class="li-b">
						<span></span>
						<div class="info">
							<h3>02</h3>
							<p>平面方案确定</p>
						</div>
					</li>
					<li class="li-c">
						<span></span>
						<div class="info">
							<h3>03</h3>
							<p>效果图确定</p>
						</div>
					</li>
					<li class="li-d">
						<span></span>
						<div class="info">
							<h3>04</h3>
							<p>出施工水电图</p>
						</div>
					</li>
					<li class="li-e">
						<span></span>
						<div class="info">
							<h3>05</h3>
							<p>内部审核并确 定所有图纸</p>
						</div>
					</li>
					<li class="li-f">
						<span></span>
						<div class="info">
							<h3>06</h3>
							<p>交付设计成果 给客户</p>
						</div>
					</li>
					<li class="li-g">
						<span></span>
						<div class="info">
							<h3>07</h3>
							<p>出施工报价及 主材配饰方案</p>
						</div>
					</li>
				</ul>
			</div>
			
			
		</div>
		<div id="ser-bg" class="ser-bg">
			<div class="layout">
				<div class="com-top">
	    			<div class="hd">
		    			<h1>装修&nbsp;<span></span>&nbsp;流程</h1>
		    			<p class="line"></p>
		    		</div>
		    		<div class="bg">
		    			<ul>
		    				<li>
		    					<h3><i>01</i></h3>
		    					<p>家装咨询</p>
		    					<div class="ser-info">
		    						<h3>家装咨询</h3>
		    						<p>家装咨询家装咨询家装咨询家装</p> 
		    					</div>
		    				</li>
		    				<li>
		    					<h3><i>02</i></h3>
		    					<p>确认设计师</p>
		    					<div class="ser-info">
		    						<h3>确认设计师</h3>
		    						<p>家装咨询家装咨询家装 咨询家装</p>
		    					</div>
		    				</li>
		    				<li>
		    					<h3><i>03</i></h3>
		    					<p>确认设计师</p>
		    					<div class="ser-info">
		    						<h3>确认设计师</h3>
		    						<p>家装咨询家装咨询家装 咨询家装</p>
		    					</div>
		    				</li>
		    				<li>
		    					<h3><i>04</i></h3>
		    					<p>确认设计师</p>
		    					<div class="ser-info">
		    						<h3>确认设计师</h3>
		    						<p>家装咨询家装咨询家装 咨询家装咨询</p>
		    					</div>
		    				</li>
		    			</ul>
		    			<ul class="mt50">
		    				<li>
		    					<h3><i>05</i></h3>
		    					<p>家装咨询</p>
		    					<div class="ser-info">
		    						<h3>家装咨询</h3>
		    						<p>家装咨询家装咨询家装 咨询家装</p>
		    					</div>
		    				</li>
		    				<li>
		    					<h3><i>06</i></h3>
		    					<p>确认设计师</p>
		    					<div class="ser-info">
		    						<h3>确认设计师</h3>
		    						<p>家装咨询家装咨询家装 咨询家装咨询</p>
		    					</div>
		    				</li>
		    				<li>
		    					<h3><i>07</i></h3>
		    					<p>确认设计师</p>
		    					<div class="ser-info">
		    						<h3>确认设计师</h3>
		    						<p>家装咨询家装咨询家装 咨询家装咨询</p>
		    					</div>
		    				</li>
		    				<li>
		    					<h3><i>08</i></h3>
		    					<p>确认设计师</p>
		    					<div class="ser-info">
		    						<h3>确认设计师</h3>
		    						<p>家装咨询家装咨询家装 咨询家装咨询</p>
		    					</div>
		    				</li>
		    			</ul>
		    		</div>
		    	</div>	
			</div>
		</div>
		
		<div id="ser-bz" class="ser-bz">
			<div class="layout">
				<div class="hd">
					<h1>施工&nbsp;<span></span>&nbsp;标准</h1>
			    	 <p class="line"></p>			    	
				</div>
				<ul>
					<li>
						<span><img src="img/服务_01_03.jpg"/></span>
						<h3>水电工程</h3>
						 <div class="info">
				    	 	<h4>01</h4>
				    	 	<p>水电工程</p>
				    	 </div>
					</li>
					<li>
						<a href="">
						<span><img src="img/服务_01_04.jpg"/></span>
						<h3>镶贴工程</h3>
						<div class="info">
				    	 	<h4>02</h4>
				    	 	<p>镶贴工程</p>
				    	 </div>
						</a>
					</li>
					<li>
						<span><img src="img/服务_01_05.jpg"/></span>
						<h3>木饰工程</h3>
						<div class="info">
				    	 	<h4>03</h4>
				    	 	<p>木饰工程</p>
				    	 </div>
					</li>
					<li>
						<span><img src="img/服务_01_06.jpg"/></span>
						<h3>油漆工程</h3>
						<div class="info">
				    	 	<h4>04</h4>
				    	 	<p>油漆工程</p>
				    	 </div>
					</li>
					<li>
						<span><img src="img/服务_01_07.jpg"/></span>
						<h3>安装工程</h3>
						<div class="info">
				    	 	<h4>05</h4>
				    	 	<p>安装工程</p>
				    	 </div>
					</li>
				</ul>
			</div>
		</div>
			
	    <div id="ser-after" class="ser-after mt50">
			<div class="layout">
				<div class="hd">
					<h1>售后&nbsp;<span></span>&nbsp;服务</h1>
			    	 <p class="line"></p>			    	
				</div>
				<ul class="bg tc">
					<li>
			 	     	<a href="" class="ser-list on">
			 	     		<i class="icon-message"></i>
			 	     	</a>
			 	     	<p>客户保修</p>
		 	     	</li>
		 	     	<li>
			 	     	<a href="" class="ser-list">
			 	     		<i class="icon-record"></i>
			 	     	</a>
			 	     	<p>售后部记录备案</p>
		 	     	</li>
		 	     	<li>
			 	     	<a href="" class="ser-list">
			 	     		<i class="icon-work"></i>
			 	     	</a>
			 	     	<p>安排施工人员</p>
		 	     	</li>
		 	     	<li>
			 	     	<a href="" class="ser-list">
			 	     		<i class="icon-worker"></i>
			 	     	</a>
			 	     	<p>上门施工维修</p>
		 	     	</li>
		 	     	<li>
			 	     	<a href="" class="ser-list">
			 	     		<i class="icon-love"></i>
			 	     	</a>
			 	     	<p>售后部电话回访</p>
		 	     	</li>
				</ul>
				</div>
		</div>
		
		<!--底部-->
		<div class="footer mt50">
			<div class="layout clear">
				<div class="list fl">
					<a href="">版权申明</a><span>|</span>
					<a href="">隐私保护</a><span>|</span>
					<a href="">友情链接 </a><span>|</span>
					<a href="news.html">新闻中心</a><span>|</span>
					<a href="contact.html">联系我们</a>
				</div>
				<div class="link fr">
					<span>名邸装饰版权所有</span>
					<a href=""><img src="img/weibo.png"/></a>
					<a href=""><img src="img/weixin.png"/></a>
					<a href=""><img src="img/qq.png"/></a>
				</div>
			</div>
		</div>
	</body>
</html>
